
#content{
  .left{
    .blogNews{
      .weizhi{
        font-size: 14px;
        color: #777;
        background: url("../images/weizhi.png") no-repeat center left;
        padding-left: 20px;
        margin-bottom: 10px;
        a{
          color: #777;
        }
      }
      .content{
        li{
          background: #fff;
          overflow: hidden;
          position: relative;
          transition: all .8s;
          padding: 20px;
          margin-bottom: 20px;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          .img{
            display: block;
            width: 210px;
            height: 158px;
            background: #ccc;
            overflow: hidden;
            float: left;
            margin-right: 20px;
            border-radius: 3px;
            img{
              width:100%;
            }
          }
          .txt{
            width:570px;
            .title{
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              margin: 10px 0;
              line-height: 28px;
              font-size: 20px;
              color:#2c3e50;
              font-weight: bold;
            }
            .miaosu{
              color: #808595;
              font-size: 14px;
              line-height: 24px;
              word-break: break-all;
              overflow: hidden;
              text-overflow: ellipsis;
              -webkit-box-orient: vertical;
              display: -webkit-box;
              -webkit-line-clamp: 2;
            }
            .left_right{
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              align-items: center;
              padding: 30px 0 0 0;
              .time{
                display: inline-block;
                span:nth-child(1){
                  margin-right: 20px;
                  padding-left: 24px;
                  line-height: 24px;
                  display: inline-block;
                  background: url("../images/icon_time.png") no-repeat left center;
                  background-size: 20px;
                }
                span:nth-child(2){
                  margin-right: 20px;
                  padding-left: 24px;
                  line-height: 24px;
                  display: inline-block;
                  background: url("../images/icon_fire.png") no-repeat left center;
                  background-size: 20px;
                }
              }
              .btn_tz{
                background: #4c7265;
                color: #fff;
                font-size: 14px;
                font-weight: 600;
                text-align: center;
                padding: 8px 20px;
                border-radius: 4px;
                display: block;
              }
            }
          }
        }
      }
      .epages{
        text-align: center;
        color: #666;
        width: 100%;
        clear: both;
        padding-top: 10px;
        a{
          color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #ffffff; display: inline-block;
          &:nth-child(1){
            background: none; margin: 0; padding: 0 50px 0 0; position: relative
          }
          &:nth-child(1)::after{
            position: absolute; content: "篇文章"; right: 0; bottom: 0
          }
          &:nth-child(1):hover{
            background: none; color: #666
          }
        }
        >b{
          color: #FFF; background: #f4543c;
          padding: 5px 10px;
        }

      }
    }
  }
  .right{
    .tuijian_pic{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      ul{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        li{
          width: 49%;
          margin-bottom: 15px;
          font-size: 12px;
          a{
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #2c3e50;
            i{
              display: block;
              width: 100%;
              height: 80px;
              overflow: hidden;
              margin-bottom: 5px;
              img{
                width: 100%;
                min-height: 100%;
                transition: all .5s;
              }
            }
          }
          &:nth-child(odd) a{
            margin-right: 5px;
          }
          &:hover{
            img{
              transform: scale(1.1)
            }
          }
        }
      }
    }
    .guangao{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width:100%;
      margin-bottom: 20px;
      a{
        height:217px;
        width:160px;
        border-radius: 10px;
        overflow: hidden;
        img{
          display: block;
          width:100%;
          height:100%;
        }
      }
    }
    .wznews{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      ul{
        padding: 20px;
        li{
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          line-height: 40px;
          position: relative;
          padding-left: 30px;
          &::before{
            content: "";
            width: 20px;
            height: 20px;
            border-radius: 4px;
            position: absolute;
            left: 4px;
            top: 11px;
          }
          &:nth-child(1)::before{
            background: url(../images/no1.png) no-repeat;
          }
          &:nth-child(2)::before{
            background: url(../images/no2.png) no-repeat;
          }
          &:nth-child(3)::before{
            background: url(../images/no3.png) no-repeat;
          }
          &:nth-child(4)::before{
            background: url(../images/no4.png) no-repeat;
          }
          &:nth-child(5)::before{
            background: url(../images/no5.png) no-repeat;
          }
          &:nth-child(6)::before{
            background: url(../images/no6.png) no-repeat;
          }
          &:nth-child(7)::before{
            background: url(../images/no7.png) no-repeat;
          }
          &:nth-child(8)::before{
            background: url(../images/no8.png) no-repeat;
          }
          &:nth-child(9)::before{
            background: url(../images/no9.png) no-repeat;
          }
          &:nth-child(10)::before{
            background: url(../images/no10.png) no-repeat;
          }
          a{
            text-decoration: none;
            color: #2c3e50;
          }
          &:nth-child(even){
            background: #f5f5f5;
            border-radius: 3px;
          }
        }
      }
    }
    .wznews2{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      ul{
        padding: 20px;
        li{
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          line-height: 34px;
          position: relative;
          padding-left: 15px;
          &::before{
            content: "";
            width: 4px;
            height: 4px;
            border-radius: 4px;
            position: absolute;
            left: 0;
            top: 16px;
            background: #a8d4d7;
          }
          a{
            text-decoration: none;
            color: #2c3e50;
          }
        }
      }
    }
    .tagsclous{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      p{
        padding: 20px;
        overflow: hidden;
        position: relative;
        &::before{
          animation: linescroll 5s;
          animation-iteration-count: infinite;
          content: "";
          width: 20px;
          height: 20px;
          background: #688062;
          position: absolute;
          z-index: 9;
        }
        a{
          color:#2c3e50;
          display: inline-block;
          background: #ffffff;
          width: 33.3333%;
          font-size: 14px;
          float: left;
          line-height: 40px;
          text-align: center;
          position: relative;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          &:nth-child(3n-1)::before{
            width: 1px;
            height: 100%;
            content: "";
            position: absolute;
            background: #eae5e5;
            left: 0;
            top: 0;
          }
          &:nth-child(3n-1)::after{
            width: 1px;
            height: 100%;
            content: "";
            position: absolute;
            background: #eae5e5;
            right: 0 ;
            top: 0;
          }
          &:nth-child(6n+1){background: #f5f5f5; }
          &:nth-child(6n+2){background: #f5f5f5; }
          &:nth-child(6n+3){background: #f5f5f5; }
          &:hover{
            background: #edac96;
            color: #fff
          }
        }
      }
    }
    .tongji{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      ul{
        padding: 20px;
        li{
          margin-bottom: 10px;
          color:#2c3e50;
          b{font-weight: bold}
          a{color: #096;}
          &.tongji_gzh{
            margin-bottom: 10px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            i{
              width: 50%;
              display: block;
              font-size: 13px;
              font-style: normal;
              text-align: center;
              img{
                margin: auto;
                width: 90%;
                display: block;
              }
            }
          }
        }
      }
    }
    .links{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      ul{
        padding: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        li{
          margin: 10px 0;
          width: 50%;
          a{
            text-decoration: none;
            color: #2c3e50;
            display: block;
            padding: 0 20px 0 0;
          }
        }
      }
    }
  }
}
@keyframes linescroll { 0% {
  left:0px;
  top:0px;
}
  25% {
    left:316px;
    top:0px;
  }
  50% {
    left:316px;
    top:220px;
  }
  75% {
    left:0px;
    top:220px;
  }
  100% {
    left:0px;
    top:0px;
  }
}